diff options
| author | Adam Soltys <[email protected]> | 2024-09-13 12:18:28 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2024-09-17 09:19:26 -0700 |
| commit | 11b981a1a58d96460d599726fe90565caa06b706 (patch) | |
| tree | 1fd74ada649132fc32f9512f44b14a2d37587cae /src/routes/(app)/[username] | |
| parent | 149b0ec0471232d8f583d8a126d1d0d7f50a19d5 (diff) | |
| download | coinos-ui-11b981a1a58d96460d599726fe90565caa06b706.tar.gz coinos-ui-11b981a1a58d96460d599726fe90565caa06b706.zip | |
remove transitions
Diffstat (limited to 'src/routes/(app)/[username]')
| -rw-r--r-- | src/routes/(app)/[username]/+layout.svelte | 48 |
1 files changed, 0 insertions, 48 deletions
diff --git a/src/routes/(app)/[username]/+layout.svelte b/src/routes/(app)/[username]/+layout.svelte index 98569f59..ce152831 100644 --- a/src/routes/(app)/[username]/+layout.svelte +++ b/src/routes/(app)/[username]/+layout.svelte @@ -1,17 +1,5 @@ <script> - import { onNavigate } from "$app/navigation"; export let data; - - onNavigate((navigation) => { - if (!document.startViewTransition) return; - - return new Promise((resolve) => { - document.startViewTransition(async () => { - resolve(); - await navigation.complete; - }); - }); - }); </script> <div class="content"> @@ -19,39 +7,3 @@ </div> <slot name="fixed" /> - -<style> - @keyframes fade-in { - from { - opacity: 0; - } - } - - @keyframes fade-out { - to { - opacity: 0; - } - } - - @keyframes slide-from-right { - from { - transform: translateX(60px); - } - } - - @keyframes slide-to-left { - to { - transform: translateX(-60px); - } - } - - :root::view-transition-old(root) { - animation: 280ms cubic-bezier(0.4, 0, 1, 1) both fade-out, - 180ms cubic-bezier(0.4, 0, 0.2, 1) both slide-to-left; - } - - :root::view-transition-new(root) { - animation: 280ms cubic-bezier(0, 0, 0.2, 1) 80ms both fade-in, - 180ms cubic-bezier(0.4, 0, 0.2, 1) both slide-from-right; - } -</style> |
